<template>
  <div>
    <!-- 表格 -->
    <div>
      <!-- {{ DetailsShou }} -->

      <el-table
        border
        size="mini"
        :data="DetailsShou"
        height="calc(100vh - 180px)"
        stripe
        style="width: 100%"
      >
        <!-- <el-table-column type=index  prop="" label="编号" width="180">
        </el-table-column> -->
        <el-table-column align="center" prop="id" label="订单编号" width="100">
        </el-table-column>
        <el-table-column prop="money" label="金额" width="180">
        </el-table-column>
        <el-table-column prop="description" label="描述"> </el-table-column>
        <el-table-column prop="transferAccounts" label="凭证"> </el-table-column>
      </el-table>
    </div>
    <!-- <div>
      <el-pagination
        :current-page.sync="page"
        :page-sizes="[10, 20]"
        :page-size="pageSize"
        layout="total,sizes, prev, pager, next"
        :total="DetailsShou.length"
      >
      </el-pagination>
    </div> -->
  </div>
</template>

<script>
import { mapActions, mapGetters, mapState } from "vuex";
export default {
  data() {
    return {
      id: this.$route.params.id,
      page: 1,
      pageSize: 10,
    };
  },
  computed: {
    ...mapState("waiter", ["DetailsShou"]),
    // tempData() {
    //   return this.DetailsShou.slice(
    //     (this.page - 1) * this.pageSize,
    //     this.page * this.pageSize
    //   );
    // },
  },
  methods: {
    ...mapActions("waiter", ["detailsShou"]),
  },
  created() {
    // console.log(this.$route.params.id,'-------');
    this.detailsShou({ id: this.id });
  },
  mounted() {},
};
</script>
<style lang="less" scoped>
</style>